<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/liebiao.css">
    <link rel="stylesheet" href="../css/清除样式.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/header.css">
</head>

<body>
    <!-- 头部 -->
    <header>

    </header>


    <div id="liebiao">
        <div id="liebiao-1">
            <h3>
                <span class="span1">
                    <i>安踏冠军系列</i>
                </span>
                <span class="span2"></span>
            </h3>
            <div id="liebiao-1-1">
                <ul>
                    <!-- <ul>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/162130312/zt-162130312/7274e72d0766a19507ef6e3483befb1d.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏女紧身长裤2021新款</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥499.00</span>
                                <span class="span2">￥499.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/152130408/zt-152130408/af7853f278713bb0781d09a42d9d5f14.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏男服长袖长T恤2021新款长t</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥569.00</span>
                                <span class="span2">￥569.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/152130409/zt-152130409/064b393621473a822dd686b14bc84632.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏男服长袖长T恤2021新款长t</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥599.00</span>
                                <span class="span2">￥599.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/152130410/zt-152130410/9c9d5a7affaeb8af2bbab45acc9879f2.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏男服长袖长T恤2021新款长t</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥699.00</span>
                                <span class="span2">￥699.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/152130412/zt-152130412/407fbeeebfcd607ccb48720b330f999b.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏男服长袖长T恤2021新款长t</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥499.00</span>
                                <span class="span2">￥499.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/152130629/zt-152130629/a616adacfb64b8b19792d1c9ac3ad8fb.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏男服梭织运动外套2021新款</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥1099.00</span>
                                <span class="span2">￥1099.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/152130718/zt-152130718/b3e3d80ebb3366534c34d4f164f8bc36.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏男服连帽卫衣2021新款</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥699.00</span>
                                <span class="span2">￥699.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/152130528/zt-152130528/a25e2c796b9a0ed4cbdc497f3ae56861.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏男裤运动长裤2021新款</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥799.00</span>
                                <span class="span2">￥799.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/152130717/zt-152130717/59bab1a6f8084862669c50d421fe4163.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏男服套头卫衣2021新款</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥599.00</span>
                                <span class="span2">￥599.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/152130317/zt-152130317/3350ac41402ac4ba109c6e48e3d4d57b.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏男裤针织运动长裤2021新款</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥699.00</span>
                                <span class="span2">￥699.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/162130517/zt-162130517/eabf92d7517fa280673ab6f60f7bb634.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏女裤短裤2021新款</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥699.00</span>
                                <span class="span2">￥699.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/162130715/zt-162130715/9720af04c4bd68aac9750d44b688a030.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏女服针织针织运动外套2021新款</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥799.00</span>
                                <span class="span2">￥799.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/162130716/zt-162130716/04f775c7436269557a22e46764c09f75.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏女服装连帽卫衣2021新款</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥699.00</span>
                                <span class="span2">￥699.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/162130316/zt-162130316/96063294a67ef3d276e57d54e02db1db.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏女针织运动长裤2021新款</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥599.00</span>
                                <span class="span2">￥599.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/162130516/zt-162130516/87bc09f35220a6bacb304d83b541aa4a.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏女运动长裤2021新款</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥799.00</span>
                                <span class="span2">￥799.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/162130406/zt-162130406/10da8975ac5c0557f5bc5c2f74fa40eb.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏女服长袖长T恤2021新款长t恤</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥499.00</span>
                                <span class="span2">￥499.00</span>
                            </a>
                        </div>
                    </li>
                    <li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img
                                    src="https://img.fishfay.com/shopgoods/1/162130714/zt-162130714/cf3bdb0820df6e77010925c23f35d307.jpg?x-image-process=image/resize,w_300,h_300">
                            </a>
                            <a href="javascript:" id="a2">安踏女服套头卫衣2021新款</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥599.00</span>
                                <span class="span2">￥599.00</span>
                            </a>
                        </div>
                    </li>
                </ul> -->
                </ul>
            </div>
        </div>
    </div>
    <!-- 关注我们 -->
    <div id="gz">
        <div id="gz-1">
            <h3>关注我们</h3>
            <p>抢先得知最先产品、独家消息及优惠资讯</p>
            <ul>
                <li>
                    <span class="iconfont icon-weixin"></span>
                </li>
                <li>
                    <span class="iconfont icon-xinlangweibo"></span>
                </li>
            </ul>
        </div>
    </div>

    <!-- 底部 -->
    <footer>

    </footer>
</body>

</html>
<script src="../js/jQuery.js"></script>
<script src="../js/index.js"></script>
<script>
    $(function () {
        getDdat();
    })

    function getDdat() {
        $.get('../goodsAndShoppingCart/getGoodsList.php', { "typeId": "001" }, function (data) {
            console.log(JSON.parse(data));
            let arr = JSON.parse(data);
            let str = '';
            arr.forEach((item, index) => {
                str += `<li>
                        <div id="liebiao-1-2">
                            <a href="javascript:" id="a1">
                                <img src="${item.goodsImg}" goodsid = "${item.goodsId}"/>
                            </a>
                            <a href="javascript:" id="a2">${item.goodsName}</a>
                            <a href="javascript:" id="a3">
                                <span class="span1">￥${item.goodsPrice}</span>
                                <span class="span2">￥${item.goodsPrice}</span>
                            </a>
                        </div>
                    </li>`
            });
            $('#liebiao-1-1 ul').html(str)
        })
    }

$('#liebiao-1-1 ul').on('click','li',function (e) {
    if (e.target.nodeName == 'IMG') {
        console.log(e.target.getAttribute('goodsid'));
        let id = e.target.getAttribute('goodsid')
        location.href = './xiangqing.html?goodsId='+id;
    }
})


</script>